<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 流沐颖
  Date: 2022/6/4
  Time: 12:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://fastly.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
            integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
            crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>

    <script type="text/javascript">
        $(function () {
            $(".del").click(function () {
                if (confirm("确定删除？")) {
                    // 获取到现在所选择到的主键id
                    // $(this) 表示当前选择的删除对象  找到其祖先中的tr标签
                    // 然后在找到其祖先中tr标签的第一个孩子标签的值 也就是eno的值
                    var eno = $(this).parents("tr").children().first().text();
                    alert("需要删除的编号为" + eno)
                    // 将得到的eno 传给后台进行删除
                    window.location = "/emp?method=delEmp&eno=" + eno;
                }
            })
            $(".update").click(function () {

                // 获取到现在所选择到的主键id
                // $(this) 表示当前选择的删除对象  找到其祖先中的tr标签
                // 然后在找到其祖先中tr标签的第一个孩子标签的值 也就是eno的值
                var eno = $(this).parents("tr").children().first().text();
                alert("需要删除的编号为" + eno)
                // 将得到的eno 传给后台进行删除
                window.location = "/emp?method=getEmpByEno&eno=" + eno;

            })
        })

    </script>
</head>
<body>
<h1>所有用户</h1>

<a href="addEmp.jsp">添加用户</a>
<table class="table table-bordered ">
    <thead>
    <tr>
        <td>员工编号</td>
        <td>员工姓名</td>
        <td>员工性别</td>
        <td>员工工资</td>
        <td>员工密码</td>
        <td>员工生日</td>
        <td>员工部门编号</td>
        <td>操作</td>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${pi.list}" var="e">
        <tr>
            <td>${e.eno}</td>
            <td>${e.ename}</td>
            <td>${e.esex}</td>
            <td>${e.salary}</td>
            <td>${e.pwd}</td>
            <td>${e.bornDate}</td>
            <td>${e.dno}</td>
            <td>
                <button class="update">更新</button>
                <button class="del">删除</button>
            </td>
        </tr>
    </c:forEach>
    </tbody>
    <tfoot>
    <tr>
        <td colspan="8">
            <a href="/emp?method=getEmpByPages&pageIndex=1">首页</a>
            <a href="/emp?method=getEmpByPages&pageIndex=${pi.prePage}">上一页</a>
            <a href="/emp?method=getEmpByPages&pageIndex=${pi.nextPage}">下一页</a>
            <a href="/emp?method=getEmpByPages&pageIndex=${pi.pages}">尾页</a>
            ${pi.pageNum}/${pi.pages}
        </td>
    </tr>
    </tfoot>

</table>
<%--进行分页--%>
</body>
</html>
